/*Farbe des Unterstrichs im oberen Hauptmenü*/
.master .page > header nav.menu .sitemap > li.current > a {
   border-bottom: solid 5px;
   border-color:#006666!important;
   /* border-image: linear-gradient(90deg, #ffffff 0%, #f8af43 25%, #078b8c 45%, #078b8c 55%, #f8af43 75%, #ffffff 100%) 1;*/
}

.master .page > header nav.level2 ul li a, .master .page > header nav.level3 ul li a{ /* Farbe des Untertiteltextes 1*/
    color: black!important;
    /*color:white!important;*/
}

.master .page > header section.user .help:before, .master .page > header section.user .info .notification:before{ /*Glocke & Fragezeichen oben rechts in Collab*/
    color:black!important;
}
/************** Die Suchleiste stylen ****************/
.master .page > header .mainSearch > input{
	margin-top: 20px;
	height: 40px;
	width: calc(100% - 60px);
	max-width: 300px;
	line-height: 28px;
	padding: 0 1rem;
	padding-left: 2.5rem;
	border: 2px solid transparent;
	border-radius: 8px;
	outline: none;
	background-color: #f3f3f4;
	color: #0d0c22;
	transition: .3s ease;
}
.master .page > header .mainSearch > .input::placeholder {
	color: #9e9ea7;
}

.master .page > header .mainSearch > .input:focus, .master .page > header .mainSearch > input:hover {
	outline: none;
	border-color: rgba(220, 153, 13,0.6);
	background-color: #fff;
	box-shadow: 0 0 0 4px rgb(220 153 13 / 10%);
}
/****Ende des Suchleistenstils********/

/************** Farbe User-Button **************/
span#UserName {background-color:#DD9B0F!important;}

/************** Benachrichtigungsfarbe Glocke **************/

span#Notifications.notification.hasNotif::after {background-Color:#DD9B0F!important;}

/************** Farbe Glocke **************/

.master .page > header section.user .info .notification:before {color:#006666!important;}

/************** Farbe Hilfe-Button **************/

.master .page > header section.user .help:before {color:#006666!important;}

/************** Farbe Lupe Suchfeld **************/

.master .page > header section.user .mainSearch.empty:before {color:#006666!important;}

/************** Farbe Lupe Suchfeld Bibliothek **************/

.master .page section.main section.toolbar .assima__searchBox__searchButton:before {color:#006666!important;}

/************** Farbe Symbol linke Splate Einklappen **************/

.master .page section.main section.toolbar .columnToggle.left:before {border: 2px solid #006666!important;}
.master .page section.main section.toolbar .columnToggle.left:after, .master .page section.main section.toolbar .columnToggle.checked.left:hover:after {background: #006666!important;}


/************** Farbe Symbol rechte Splate Einklappen **************/

.master .page section.main section.toolbar .columnToggle.right:after, .master .page section.main section.toolbar .columnToggle.checked.right:hover:after {background: #006666!important;}
.master .page section.main section.toolbar .columnToggle.right:before {border: 2px solid #006666!important;}

/************** Farbe Symbol Vollbild **************/

.master .page section.main section.toolbar .button.fullscreen:after {color:#006666!important;}

/************** Hintergrundfarbe Bild  Weltkugel **************/

.icon.websiteTemplate {background-Color:#006666!important;}

/************** Farbe Style CSS Icon **************/

.icon.file.css{background-color:#006666!important;}

/************** Hintergrundfarbe Bild Bibliothek **************/

.icon.library {background-color:#006666!important;}

/************** Plus Symbol Aktion vergrößern **************/

a#RightContent_RightContent_LinkButtonRecord:hover{font-size:32px!important;}

/************** Plus Symbol Nachricht vergrößern **************/

a#RightContent_RightContent_LinkButtonAddMessage:hover{font-size:32px!important;}


 .assima__treeNode__conten:hover .content .actions .action.moredropdown a:after:hover {color:#006666!important;}

.master .page > header .logo{
    width:150px;
    margin-left: 15px;
}
.master .page > header section.user .mainSearch.empty:before{
    padding: 2px 10px;
}

@media only screen and (min-width: 560px){
.master .page > header nav.menu{
    padding: 0 0 0 170px;
}
}
@media only screen and (max-width: 650px){
#LabelLinks.button.help{
    display:none;
}
}

/*Farbverlauf für Submenu*/

.master .page > header .assima__scrollExtender{ /*Unterüberschrift 1*/
    /*background-color: #EBEBEB;*/
    /*background: rgb(208,95,52);*/
    /*background: linear-gradient(90deg, rgba(234,185,47,1) 0%, rgba(3,137,137,1) 29%, rgba(3,137,137,1) 81%, rgba(234,185,47,1) 100%);*/
    background: linear-gradient(90deg, #f8af43 0%, #078b8c 49%, #078b8c 61%, #f8af43 100%);/* Diese beiden Zeilen oben müssen auskommentiert werden, wenn man den Header 1 mit orangefarbenem Hintergrund und Farbverlauf haben möchte.*/
}

#PanelNavigationBar nav ul li a { /* Farbe des Untertiteltextes 1*/
    color: white!important;
}

.master .page section.main section.toolbar, .master .page section.main section.toolbar > .assima__scrollExtender{ /*Unterüberschrift 2*/
    /*background-color:#FFFAA0;*/
    background-color:white;
}
.folderViewer .toolbar div button, .folderViewer .toolbar div .checkbox{
    color:black;
}


#SectionColumnCenter{
    border: solid #EBEBEB 1px;
}

#SectionColumnLeft{
    /*background:white;*/
    background: #fafafa;
}

#ButtonContent_TBButtonsToolBar_TBButtonPublish{
    color: white!important;
}
#TitleBackButton{ /*um zur Karte zurückzukehren, wenn du einen Klon bearbeitest */
    color:black;
}

/* Media queries */
@media only screen and (max-width: 976px){
.master .page > header nav.menu > input[type=checkbox] ~ label{
    color: black!important;
}
.master .page > header nav.menu > input[type=checkbox] ~ label:hover{
    background: white!important;
}
}

/*Customize scrollbar to make it look like on Edge */

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #888; /* Farbe des Griffs */
  border-radius: 10px;
  border: 2px solid transparent; 
  background-clip: padding-box; /* Um den Rahmen anzuzeigen */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Farbe beim Überfliegen */
}

/* Hintergrundfarbe für das "neue Aktionen" drop-menu im Action-Editor (Wichtig: es kommt NUR auf die richtige Wahl des CSS-Selektors an. ;) */
#MoreActionsList0 a {background-color:#BBBBBB!important;}
#MoreActionsList0 a:hover {background-color:#777777!important;}